<template>
    <div class="wrap">
        <Header />
        <div class="title">
            <h4>{{title}}</h4>
        </div>
        <div class="pic">
            <img :src="img" alt="">
        </div>
        <div class="content">{{content}}</div>

    </div>
</template>
<script>
    import Header from '../../comments/header.vue'
    export default {
        data() {
            return {
                title: '小米手机',
                img: '../../images/8.jpg',
                content: "微信公众号怎么关联小程序？向程序想要关联微信账号，该怎么关联呢？下面我们就来看看小程序关联公众号的教程，很简单，需要的朋友可以参考下"
            }
        },
        components: {
            "Header": Header
        }
    }
</script>
<style lang="scss" scoped>
    .wrap {
        .title {
            h4 {
                font-size: 30px;
                font-weight: 400;
                padding: 10px 0;
            }
        }

        .content {
            padding: 10px;
        }
    }

    .pic {
        img {
            width: 100%;
        }
    }
</style>